 // out: ../../css/video_detail.css, compress: true, sourceMap: false
 @import '../common/common.less';
 @import '../common/page_header.less';
 @import '../common/video_list.less';
 @import '../common/video_footer_share.less';
 
 .video-detail-main-container {
     .eui-icon-thumb {
         background-image: url(../images/eui-icon-thumb.png);
         width: .533333rem;
         height: .533333rem;
     }
     .eui-icon-share {
         background-image: url(../images/eui-icon-share.png);
         width: .506667rem;
         height: .533333rem;
     }
     .eui-icon-collect {
         background-image: url(../images/eui-icon-collect.png);
         width: .533333rem;
         height: .48rem;
     }
    
     .main-video {
         .eui-header-img {
             .eui-media-img {
                 height: 5.626667rem;
             }
         }
         .eui-media-body {
             margin: .24rem .213333rem .266667rem;
             border-bottom: 1px solid #dcdcdc;
         }
         .eui-media-object {
             margin-right: .506667rem;
         }
         .eui-media-footer {
             padding: .266667rem 1.52rem;
             justify-content: space-between;
             a {
                 color: #565656;
             }
             .eui-icon {
                 margin-bottom: .133333rem;
             }
             .icon-thumb-wrap,
             .icon-share-wrap {
                 &.active {
                     color: #3eb370;
                     .eui-icon-thumb {
                         background-image: url(../images/eui-icon-thumb_active.png);
                     }
                     .eui-icon-share {
                         background-image: url(../images/eui-icon-share_active.png);
                     }
                 }
             }
             .icon-collect-wrap.active {
                 color: #e51e1c;
                 .eui-icon-collect {
                     background-image: url(../images/eui-icon-collect_active.png);
                 }
             }
         }
     }
     .video-list {
         .eui-media-header,
         .eui-media-img {
             width: 3.546667rem;
             height: 2.133333rem;
         }
         .eui-media-header {
             max-width: 35%;
             margin: 0;
         }
         .eui-media-body {
             padding-left: .173333rem;
             max-width: 65%;
             height: 2.133333rem;
         }
         .eui-media-object-body {
             width: 65%;
         }
         .eui-media-object {
             margin-left: 0;
         }
         .eui-media-object-footer {
             bottom: 0;
             padding-right: .213333rem;
         }
     }
 }